<template>
  <el-row style="height: 100%">
    <el-col
      :hidden="appSettings.currentDevice !== 'DESKTOP'"
      :span="3"
    ></el-col>
    <el-col
      :span="appSettings.currentDevice === 'DESKTOP' ? 18 : 24"
      class="col-center"
    >
      <slot name="default" />
    </el-col>
    <el-col :hidden="appSettings.currentDevice !== 'DESKTOP'" :span="3">
    </el-col>
  </el-row>
</template>
<script setup name="LyoutCol">
import { storeToRefs } from "pinia";
import { useAppSettings } from "@/Stores/appSettings";
const { appSettings } = storeToRefs(useAppSettings());
</script>
<style scoped>
.col-center {
  max-width: 1800px;
  height: 100%;
}
</style>